import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface PhotoAlbumCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const PhotoAlbumCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: PhotoAlbumCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path fill="#fff" fillOpacity={0.01} d="M24 0v24H0V0z" />
      <Path
        fill={color}
        fillRule="evenodd"
        d="M10.427 2.5H18a1 1 0 1 1 0 2h-7.5c-1.914 0-3.249.002-4.256.138-.978.131-1.496.372-1.865.74-.37.37-.61.888-.741 1.866C3.502 8.251 3.5 9.586 3.5 11.5v5.155a1 1 0 1 1-2 0v-5.228c0-1.824 0-3.293.155-4.45.162-1.2.507-2.21 1.31-3.013.802-.802 1.813-1.147 3.013-1.309C7.134 2.5 8.603 2.5 10.427 2.5m1.002 3h4.142c1.354 0 2.47 0 3.354.119.928.125 1.747.396 2.403 1.053.657.656.928 1.475 1.053 2.403.12.884.119 2 .119 3.355v2.474c0 1.354 0 2.47-.119 3.354-.125.928-.396 1.748-1.053 2.404-.656.656-1.475.928-2.403 1.053-.884.118-2 .118-3.355.118h-4.14c-1.355 0-2.471 0-3.355-.118-.928-.125-1.747-.397-2.403-1.053-.657-.656-.928-1.476-1.053-2.404-.12-.883-.119-2-.119-3.354v-2.475c0-1.354 0-2.47.119-3.354.125-.928.396-1.747 1.053-2.403.656-.657 1.475-.928 2.403-1.053.884-.12 2-.119 3.354-.119M8.341 7.6c-.706.096-1.033.263-1.255.486-.223.222-.39.55-.485 1.255-.099.735-.101 1.717-.101 3.159v2.333c0 1.038.001 1.836.038 2.476l3.073-3.072.038-.038c.3-.3.592-.592.864-.8.308-.234.706-.455 1.22-.455.513 0 .91.22 1.218.455.273.208.564.5.864.8l.039.038 2.004 2.005c.189-.183.372-.352.548-.486.307-.234.705-.455 1.219-.455.513 0 .911.22 1.219.455.272.208.564.5.863.8l.039.038.716.716c.037-.64.038-1.44.038-2.477V12.5c0-1.443-.002-2.424-.1-3.159-.096-.706-.263-1.033-.486-1.255-.222-.223-.55-.39-1.255-.485-.735-.099-1.716-.101-3.159-.101h-4c-1.443 0-2.424.002-3.159.1M15 11a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0"
        clipRule="evenodd"
      />
    </Svg>
  )
}
